html,body{height: 100%;}
body{display: flex; flex-direction: column;}
.gry{background: #e6e6e6;}
[v-lock]{visibility: hidden;}
.n-link{color: #000;font-size: 18px;margin:16px;display:inline-block;}
.n-link:hover{text-decoration: none;}
.white .n-link{color: #fff;}
.n-link .ytf{width: 34px;}
.footer{background: #373737;color:#fff;flex: 0 0 auto;}
.footer .container{padding-top: 5em;padding-bottom: 6em;}
.footer .f-link{display:block;color:#999;text-decoration: none;}
.footer .f-link:hover{color:#666}
.footer .f-list{margin-left:-5px;margin-top:5px;}
.footer .f-list .link{padding:10px;display:inline-block;margin:0 2px;}
.footer img{width:100%;}
.container .brand1,.container .brand2{display:none;}
.black .brand1{display: block;}
.white .brand2{display: block;}
.ln-btn{border: 1px solid #000;background: rgba(20,20,20,.9);position: fixed;bottom:  0;right: 44px;color: #999;padding: 10px 20px;display:none;}
.ln-btn:hover ul{display:block;}
.ln-btn ul{background: #000;position: absolute;bottom: -2px;left: -2px;list-style:  none;padding: 0;border-radius: 4px;margin: 0;overflow: hidden;display:none;}
.ln-btn li{ background: rgba(20,20,20,.9); min-width:  100px; cursor:  pointer; padding: 10px 20px; margin: 1px; border-bottom: 1px solid #333; color: #666; }
.ln-btn li:hover{background:#000;color:#fff;}
.qq,.fb,.tt,.ml,.tk{background:url(../icon/qq.png) no-repeat;background-size:100%;width:26px;height:26px;}
.fb{background-image: url(../icon/fb.png);}
.tt{background-image: url(../icon/tt.png);}
.ml{background-image: url(../icon/ml.png);}
.tk{background-image: url(../icon/tk.png);}
.wen{background-image: url(../images/wen.png);}
.popover {max-width: 400px;text-align:center;}
.mh800{min-height: 800px;}
@media (min-width: 992px){
  .ln-btn{display:block;}
}
